<template>
  <div class="box">
    <input type="text" ref="inputRef"  placeholder="请输入用户名">
  </div>
</template>

<script>
export default {
  name: 'HelloWorld'
};
</script>
<script setup>
import { ref,onMounted } from 'vue'
// 定义一个变量和页面中的标签对象结合起来
// setup的执行时机是最早的，在setup中的代码执行的时候，页面还没有渲染
// 当整个页面渲染完毕的时候，才会有值
const inputRef = ref()
// debugger
onMounted(() => {
  // console.log(inputRef)
  inputRef.value.focus()
})

</script>

<style>
</style>
